<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    // document.write("**********<br>");
    // document.write("**********<br>");
    // document.write("**********<br>");
    // document.write("**********<br>");

    // 1. 重复的代码用循环  
    // var i = 1;
    // while(i<=4){
    //     document.write("**********<br>");
    //     i++;
    // }

    // 2.  document.write("**********<br>");   => *x10 + <br>
    // var j = 1;
    // while(j<=100){
    //     document.write("*");
    //     j++;
    // }
    // document.write("<br>");

    // var j = 1;
    // while(j<=10){
    //     document.write("*");
    //     j++;
    // }
    // document.write("<br>");

    // var j = 1;
    // while(j<=10){
    //     document.write("*");
    //     j++;
    // }
    // document.write("<br>");

    // var j = 1;
    // while(j<=10){
    //     document.write("*");
    //     j++;
    // }
    // document.write("<br>");


    // 3. 循环嵌套的流程

    // 注意:外层循环走一次,内层循环走一轮
    //      每次外层循环执行时 ,j会被重置为1 (从1开始打印)

    debugger;

    // 外层循环  => 控制打印的层数 (外层循环的次数)
    var i = 1;
    while (i <= 4) {

      // 内层循环 => 控制每层打印的细节(打印多少个*)
      var j = 1;
      while (j <= 10) {
        document.write("*");
        j++;
      }
      document.write("<br>");

      i++;
    }


    // debugger;

    // // 外层循环  => 控制打印的层数 (外层循环的次数)
    // var x = 1;
    // while(x<=4){

    //     // 内层循环 => 控制每层打印的细节(打印多少个*)
    //     var y = 1;
    //     while(y<=10){
    //         document.write("*");
    //         y++;
    //     }
    //     document.write("<br>");

    //     x++;
    // }





  </script>
</body>

</html>